<ion-header>
    <ion-navbar color="orange">
        <ion-title>
            我的回复
        </ion-title>
    </ion-navbar>
</ion-header>

<ion-content padding>
    <div *ngIf="lists && lists.length">
        <div class="ht-margin-bottom ht-background ht-overflow" *ngFor="let item of lists" [navPush]="'ArticleDetailPage'" [navParams]="{id: item.amoy_id,type_id:1}">
            <div class="ht-font-16">{{item.title}}</div>
            <!--主内容-->
            <div class="ht-100 ht-overflow">
                <div *ngIf="item.cover.length == 1">
                    <img [src]="util.parseImageUrl(img)" alt="" class="ss-img-one" padding-top *ngFor="let img of item.cover">
                </div>
                <div *ngIf="item.cover.length == 2">
                    <img [src]="util.parseImageUrl(img)" alt="" class="ss-img-two" padding-top *ngFor="let img of item.cover">
                </div>
                <div *ngIf="item.cover.length == 3">
                    <img [src]="util.parseImageUrl(img)" alt="" class="ss-img-three" padding-top *ngFor="let img of item.cover">
                </div>
            </div>

            <!--回复评论列表-->
            <div class="ht-100 ht-overflow ht-border-bottom margin-top-5" padding-bottom>
                <div class="zan-comment">
                    <div class="msg-list margin-top-5" *ngIf="item['comlist'].length > 0">
                        <div class="msg-item" *ngFor="let comment of item['comlist']">
                            <p *ngIf="comment['par_nickname'] == null" class="margin-bottom-5">
                                <span class="text-msg">{{comment['nickname']}}</span>：{{comment['content']}}
                            </p>
                            <div class="sub-comment margin-bottom-5" *ngIf="comment['par_nickname'] != null">
                                <span class="text-zan">{{comment['nickname']}}</span><span> 回复 <span class="text-zan">{{comment['par_nickname']}}</span>：{{comment['content']}}</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</ion-content>
